簡(jiǎn)介：本課程通過一個(gè)簡(jiǎn)單的例子，由淺入深，循序漸進(jìn)的介紹了Ajax的相關(guān)概念、原理、實(shí)現(xiàn)方式和應(yīng)用方法，了解Ajax開發(fā)模式與動(dòng)態(tài)網(wǎng)站是如何制作的。感受Ajax對(duì)傳統(tǒng)交互帶來的優(yōu)勢(shì)，學(xué)習(xí)如何提升用戶體驗(yàn)并完成復(fù)雜應(yīng)用交互。課程涉及前端、前端模板、express、JSON、axios庫等相關(guān)內(nèi)容，是非常適合Ajax學(xué)習(xí)的入門課程。
第1章 課程簡(jiǎn)介
簡(jiǎn)單介紹Ajax的由來,讓您對(duì)Ajax有所了解。并對(duì)于該課程進(jìn)行簡(jiǎn)單介紹。
第2章 列表渲染案例之環(huán)境搭建
介紹瀏覽器與服務(wù)器、后端語言與數(shù)據(jù)庫、 局部刷新與異步，以及如何搭建后端環(huán)境等。
第3章 列表渲染案例之初始渲染
本章會(huì)帶大家了解Ajax基本框架、Ajax請(qǐng)求操作、Ajax響應(yīng)操作、JSON數(shù)據(jù)、響應(yīng)JSON數(shù)據(jù)到頁面、發(fā)送JSON數(shù)據(jù)、API接口文檔等知識(shí)，并完成案例初始化渲染數(shù)據(jù)。
第4章 列表渲染案例之上拉下拉
本章主要學(xué)習(xí)axios基礎(chǔ)操作、axios請(qǐng)求與響應(yīng)配置參數(shù)、axios請(qǐng)求響應(yīng)攔截器、axios創(chuàng)建實(shí)例與并發(fā)、axios取消重復(fù)請(qǐng)求等知識(shí)點(diǎn)，并完成案例實(shí)現(xiàn)滑動(dòng)和上拉下拉時(shí)數(shù)據(jù)渲染等功能。
- 視頻： 4-1 axios基礎(chǔ)操作 (12:03)
- 視頻： 4-2 axios請(qǐng)求與響應(yīng)配置參數(shù) (10:16)
- 視頻： 4-3 axios請(qǐng)求與響應(yīng)攔截器 (08:06)
- 視頻： 4-4 axios取消重復(fù)請(qǐng)求 (07:12)
- 視頻： 4-5 axios創(chuàng)建實(shí)例與并發(fā) (08:51)
- 視頻： 4-6 案例實(shí)現(xiàn)滑動(dòng)和上拉下拉(上) (14:25)
- 視頻： 4-7 案例實(shí)現(xiàn)滑動(dòng)和上拉下拉(下) (07:43)
第5章 Ajax跨域操作
本章將了解一個(gè)新的知識(shí)--“跨域”，主要包含CORS實(shí)現(xiàn)跨域、JSONP跨域請(qǐng)求數(shù)據(jù)、反向代理數(shù)據(jù)等知識(shí)，最后完成案例實(shí)現(xiàn)反向代理騰訊體育數(shù)據(jù)等。
第6章 Ajax展望與總結(jié)
本章主要是了解fetch新語法，ES6的強(qiáng)大，fetch目前問題等，以及對(duì)本課程進(jìn)行總結(jié)